﻿<!DOCTYPE html>

<head>
    <meta charset="utf-8" />
    <title> </title>
    <link href="style.css" rel="stylesheet" type="text/css" />
    <script src="jquery.js" type="text/javascript"></script>
    <script src="scroll.js"></script>
</head>

<body>
    <div class="v_show">
        <div class="v_caption">
            <h2 class="cartoon">岁月静好</h2>
            <div class="highlight_tip">
                <span class="current">1</span><span>2</span><span>3</span>
            </div>
            <div class="change_btn">
                <span class="prev">上一页</span>
                <span class="next">下一页</span>
            </div>
           
        </div>
        <div class="v_content">
            <div class="v_content_list">
                <ul>
                    <li>
                        <a href="#"><img src="img/01.jpg" alt="岁月静好" /></a>
                        <h4><a href="#">岁月静好</a></h4><span>播放:<em>28,276</em></span></li>
                    <li>
                        <a href="#"><img src="img/01.jpg" alt="岁月静好" /></a>
                        <h4><a href="#">岁月静好</a></h4><span>播放:<em>28,276</em></span></li>
                    <li>
                        <a href="#"><img src="img/01.jpg" alt="岁月静好" /></a>
                        <h4><a href="#">岁月静好</a></h4><span>播放:<em>28,276</em></span></li>
                    <li>
                        <a href="#"><img src="img/01.jpg" alt="岁月静好" /></a>
                        <h4><a href="#">岁月静好</a></h4><span>播放:<em>28,276</em></span></li>
                    <li>
                        <a href="#"><img src="img/02.jpg" alt="" /></a>
                        <h4><a href="#">hello word</a></h4><span>播放:<em>33,326</em></span></li>
                    <li>
                        <a href="#"><img src="img/02.jpg" alt="hello word" /></a>
                        <h4><a href="#">hello word</a></h4><span>播放:<em>33,326</em></span></li>
                    <li>
                        <a href="#"><img src="img/02.jpg" alt="hello word" /></a>
                        <h4><a href="#">hello word</a></h4><span>播放:<em>33,326</em></span></li>
                    <li>
                        <a href="#"><img src="img/02.jpg" alt="hello word" /></a>
                        <h4><a href="#">hello word</a></h4><span>播放:<em>33,326</em></span></li>
                    <li>
                        <a href="#"><img src="img/03.jpg" alt="安安静静" /></a>
                        <h4><a href="#">安安静静</a></h4><span>播放:<em>28,276</em></span></li>
                    <li>
                        <a href="#"><img src="img/03.jpg" alt="安安静静" /></a>
                        <h4><a href="#">安安静静</a></h4><span>播放:<em>28,276</em></span></li>
                    <li>
                        <a href="#"><img src="img/03.jpg" alt="安安静静" /></a>
                        <h4><a href="#">安安静静</a></h4><span>播放:<em>28,276</em></span></li>
                    <li>
                        <a href="#"><img src="img/03.jpg" alt="安安静静" /></a>
                        <h4><a href="#">安安静静</a></h4><span>播放:<em>28,276</em></span></li>
                    <li>
                        <a href="#"><img src="img/04.jpg" alt="世界你好" /></a>
                        <h4><a href="#">世界你好</a></h4><span>播放 <em>57,865</em></span></li>
                    <li>
                        <a href="#"><img src="img/04.jpg" alt="世界你好" /></a>
                        <h4><a href="#">世界你好</a></h4><span>播放 <em>57,865</em></span></li>
                    <li>
                        <a href="#"><img src="img/04.jpg" alt="世界你好" /></a>
                        <h4><a href="#">世界你好</a></h4><span>播放 <em>57,865</em></span></li>
                </ul>
            </div>
        </div>
    </div>
</body>

</html>
